<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人主页</title>
    <style>
        html{
            background-color: rgb(248, 222, 250);
        }
    </style>
</head>
<body>
    <form action="./我收到了.html">
    <img src="./头像.jpg" alt="头像" width="150px" height="150px"/>
    <h4>个人基本信息</h4>
    <ul>
        <li>姓名:
            <input type="text" name="cname" id="">
        </li>
        <li>性别:
            <label for="male">
            <input type="radio" name="gender" id="male">男</label>
            <label for="famale">
            <input type="radio" name="gender" id="famale">女</label>
        </li>
        <li>出生年月日:
            <input type="date" name="birthday" id="">
        </li>
        <li>手机:
            <input type="tel" name="phone" id="">
        </li>
        <li>邮箱:
            <input type="email" name="e-mail" id="">
        </li>
        <li>微信号:
            <input type="text" name="WX">
        </li>
        <li>出生地:
            <input type="text" name="place">
        </li>
    </ul>
    <h4>教育经历</h4>
    <ul>
        <li>上学已有13年之久,高中毕业于博罗县华侨中学,现就读与顺德职业技术学校<br>
            <img src="./高中.jpg" alt="高中" width="250px" height="150px">
            <img src="./大学.jpg" alt="大学" width="250px" height="150px">
        </li>
    </ul>
    <h4>大学成绩表</h4>
    <table border="1" cellspacing="0">
        <caption>大一上学期成绩表</caption>
        <tr>
            <th>形势与政策</th>
            <td>100</td>
        </tr>
        <tr>
            <th>应用数学</th>
            <td>100</td>
        </tr>
        <tr>
            <th>毛概</th>
            <td>99</td>
        </tr>
        <tr>
            <th>思政</th>
            <td>95</td>
        </tr>
        <tr>
            <th>马克思</th>
            <td>99</td>
        </tr>
        <tr>
            <th>英语</th>
            <td>91</td>
        </tr>
        <tr>
            <th>多媒体</th>
            <td>85</td>
        </tr>
        <tr>
            <th>体育</th>
            <td>69</td>
        </tr>
        <tr>
            <th>职业生涯规划</th>
            <td>A</td>
        </tr>
        <tr>
            <th>军事</th>
            <td>B</td>
        </tr>
    </table>
    <h4>工作经历</h4>
    <ul>
        <li>高三毕业的暑假在叔叔的球馆上班</li>
    </ul>
    <h4>个人自述</h4>
    <ul>
        <li>我在2003年出生于广东惠州，有两个姐姐一个弟弟，还有很多的兄弟姐妹和好朋友们。成长过程中虽然有许多的烦恼，
            但都一一的解决了，现在的我也变得越来越坚强，未来的我也会更加的努力，成为更好的自己。
        </li>
    </ul>
    <h4>项目经历</h4>
    <ul>
        <li>制作了一张简单的有声相册网页
            <div>
                <a href="./有声相册/首页结构.html">有声相册</a>
            </div>
        </li>
        <li>为朋友生日制作了一张专属网页<br>
            <img src="./朋友生日.jpg" alt="专属网页" width="250px" height="150px">
        </li>
        <li>
            <a href="./CSS选择器/CSS选择器.html">CSS选择器</a>
        </li>
        <li>
            <a href="./盒子模型/盒子.html">盒子模型</a>
        </li>
        <li>
            <a href="./格式化文本/格式化文本.html">格式化文本</a>
        </li>
        <li>
            <a href="./设置颜色和背景/设置颜色和背景.html">颜色和背景</a>
        </li>
        <li>
            <a href="./制作奖状/奖状.html">制作奖状</a>
        </li>
        <li>
            <a href="./键盘焦点和鼠标悬停/键盘焦点效果.html">键盘悬停效果</a>
            <a href="./键盘焦点和鼠标悬停/鼠标悬停效果.html">鼠标悬停效果</a>
        </li>
        <li>
            <a href="./探究浮动及其应用/探究浮动.html">探究浮动</a>
            <a href="./探究浮动及其应用/浮动应用于列表排列.html">列表排列</a>
            <a href="./探究浮动及其应用/浮动应用于居左居右.html">居左居右</a>
            <a href="./探究浮动及其应用/display改变显示类型.html">display改变显示类型</a>
        </li>
        <li>
            <a href="./探究定位及其应用/促销/促销图示.html">促销图示</a>
            <a href="./探究定位及其应用/仿美的官网菜单/仿美的官网菜单.html">仿美的官网菜单</a>
            <a href="./探究定位及其应用/bilibili鼠标悬停动效/bilibili悬停特效.html">bilibili悬停特效</a>
        </li>
        <li>
            <a href="./实现动感立方体/2D转换.html">2D转换</a>
            <a href="./实现动感立方体/动画.html">动画</a>
            <a href="./实现动感立方体/立方体效果与制作.html">立方体效果与制作</a>
        </li>
        <li>
            <a href="./探究布局/多列布局.html">多列布局</a>
            <a href="./探究布局/chat/list.html">chat界面</a>
            <a href="./探究布局/wechat/index.html">Wechat聊天界面</a>
        </li>
    </ul>
    <br>
    <br>
    <input type="submit" value="提交">
    <input type="reset" value="重置">
    <br>
    </form> 
    
    
</body>
</html>